<template>
  <bar :totalQuestions="items.length" />

  <div class="charts">
    <h3 style="text-align: left; margin-left: 5%">知识点1：复杂度的概念</h3>
    <div class="attendance">
      <el-card title="知识点掌握度" class="chart-card">
        <div>知识点掌握度</div>
        <KnowledgeAnalysis />
        <div style="text-align: left">总人数 53 人，掌握人数 23 人，未掌握人数 30 人，掌握比例约 56.6%。</div>
      </el-card>
    </div>
    <h3 style="text-align: left; margin-left: 5%">知识点2：大O的渐进表示法</h3>
    <div class="attendance">
      <el-card title="知识点掌握度" class="chart-card">
        <div>知识点掌握度</div>
        <KnowledgeAnalysis2 />
        <div style="text-align: left">总人数 53 人，掌握人数 20 人，未掌握人数 33 人，掌握比例约 37.7%</div>
      </el-card>
    </div>
    <h3 style="text-align: left; margin-left: 5%">总结</h3>
    <div class="attendance">
      <div class="analysis-chart-card" style="text-align: left;">
        <v-md-preview :text="msg" style="padding: 0"></v-md-preview>
      </div>
    </div>
  </div>
  <div style="height: 10%">
  </div>
  <div style="display: flex; justify-content: center;">
    <Sidebar />
  </div>
</template>

<script>
import Bar from './components/bar4.vue';
import Sidebar from '@/components/Sidebar.vue';
import AttentionAnalysis from '@/views/Teacher/components/AttentionAnalysis.vue'
import ClassAttendance from '@/views/Teacher/components/ClassAttendance.vue'
import KnowledgeAnalysis from '@/views/Teacher/components/KnowledgeAnalysis.vue'
import KnowledgeAnalysis2 from '@/views/Teacher/components/KnowledgeAnalysis2.vue'

export default {
    components: {
      ClassAttendance,
      KnowledgeAnalysis,
      AttentionAnalysis,
      KnowledgeAnalysis2,
        Bar,
        Sidebar,
    },
    data() {
        return {
          items: [{
            name: '分治法的基本思想',
            date: '2024.9.18',
            chapter: '2.2',
            st: '未发布'
          },
            {
              name: '递归的概念',
              date: '2024.9.18',
              chapter: '2.1',
              st: '已发布'
            },
            {
              name: 'NP完全性理论',
              date: '2024.9.15',
              chapter: '1.3',
              st: '已发布'
            },
            {
              name: '算法复杂度分析',
              date: '2024.9.15',
              chapter: '1.2',
              st: '已发布'
            },
            {
              name: '算法与程序',
              date: '2024.9.15',
              chapter: '1.1',
              st: '已发布'
            }],
            selectedItems: [],
          msg: '从这些数据中，我们可以看出学生在复杂度概念上的掌握情况相对较好，但在大O渐进表达式上的掌握情况则相对较弱。这可能表明学生对复杂度理论的理解较为充分，但在应用这些理论到具体的算法分析时遇到困难。\n' +
            '#### 教学建议：\n' +
            '1. **加强大O渐进表达式的教学**：\n' +
            '   - 考虑增加关于大O符号的讲解和实例分析，帮助学生更好地理解其含义和应用。\n' +
            '   - 通过具体的算法示例，展示如何推导大O渐进表达式，让学生在实践中加深理解。\n' +
            '2. **结合实例和练习**：\n' +
            '   - 提供更多的实例和练习题，特别是那些需要学生自己推导大O渐进表达式的题目。\n' +
            '   - 鼓励学生通过小组讨论或同伴教学来解决问题，以提高他们的理解和应用能力。\n' +
            '3. **复习和巩固复杂度概念**：\n' +
            '   - 虽然大部分学生已经掌握了复杂度概念，但仍有近一半的学生需要进一步的帮助。\n' +
            '   - 可以通过复习课或额外的辅导来巩固这些概念，确保所有学生都有坚实的基础。\n' +
            '4. **评估和反馈**：\n' +
            '   - 定期进行小测验或作业来评估学生的学习进度。\n' +
            '   - 提供及时的反馈，帮助学生了解自己的学习情况并指导他们如何改进。\n' +
            '通过这些策略，可以帮助学生更好地理解算法复杂度和大O渐进表达式，从而提高他们在算法设计与分析方面的能力。'
        }
    }
}
</script>

<style scoped>

.analysis-chart-card {
  padding: 0 !important;
}
</style>
